<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Sigma IT Solutions</title>
    <!-- SEO meta Page -->
    <meta http-equiv="content-language" content="vi" />
    <meta http-equiv="audience" content="General" />
    <meta name="description" content="Sigma IT Solutions" />

    <!-- StyleSheet -->
    <link rel="stylesheet" type="text/css" href="./../css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="./../css/styles.css" />
    <!-- Scripts -->
    <script src="./../js/jquery-1.11.1.min.js"></script>
    <script src="./../js/bootstrap.min.js"></script>

    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div id="whitepage">
      <!-- header -->
      <header>
        <div class="container">
          <div class="row">
            <div class="col-xs-3">
              <a id="logo" href="./../" title="Sigma IT Solutions">
                <img src="./../images/sigma-logo.png" alt="Sigma IT Solutions Logo" />
              </a>
            </div>
            <div class="col-xs-9">
              <nav class="nav-main pull-right">
                <ul class="nav nav-pills">
                  <li class="active"><a href="index.html">Dom</a></li>
                  <li><a href="company.html">Spółka</a></li>
                  <li><a href="services.html">Usługi</a></li>
                  <li><a href="careers.html">Praca</a></li>
                  <li><a href="contact.html">Kontakt</a></li>
                </ul>
              </nav>
            </div>
          </div>
        </div>
      </header>
      <!-- /header -->

      <!-- #content -->
      <div id="content">
        <div class="row">
          <!-- Carousel Sliders -->
          <div class="col-xs-12">
            <div id="sigma-sliders" class="carousel slide" data-ride="carousel">
              <!-- Indicators -->
              <ol class="carousel-indicators">
                <li data-target="#sigma-sliders" data-slide-to="0" class="active"></li>
                <li data-target="#sigma-sliders" data-slide-to="1"></li>
                <li data-target="#sigma-sliders" data-slide-to="2"></li>
                <li data-target="#sigma-sliders" data-slide-to="3"></li>
              </ol>

              <!-- Wrapper for slides -->
              <div class="carousel-inner">
                <!-- .item -->
                <div class="item active">
                  <img src="./../images/sliders/slider_01.jpg" alt="..." height="430px" class="text-center" />
                  <div class="carousel-caption">
                    <h3>Tekst przykładowy tytuł </h3>
                    <p>Przykładowy tekst: osiem na dziesięć osób będzie czytać tytuł, <br />ale tylko dwa z dziesięciu czytelników będzie kontynuować czytanie tego artykułu.</p>
                  </div>
                </div>
                <!-- /.item -->
                <!-- .item -->
                <div class="item">
                  <img src="./../images/sliders/slider_02.jpg" alt="..." height="430px" />
                  <div class="carousel-caption">
                    <h3>Tekst przykładowy tytuł </h3>
                    <p>Przykładowy tekst: osiem na dziesięć osób będzie czytać tytuł, <br />ale tylko dwa z dziesięciu czytelników będzie kontynuować czytanie tego artykułu.</p>
                  </div>
                </div>
                <!-- /.item -->
                <!-- .item -->
                <div class="item">
                  <img src="./../images/sliders/slider_03.jpg" alt="..." height="430px" />
                  <div class="carousel-caption">
                    <h3>Tekst przykładowy tytuł </h3>
                    <p>Przykładowy tekst: osiem na dziesięć osób będzie czytać tytuł, <br />ale tylko dwa z dziesięciu czytelników będzie kontynuować czytanie tego artykułu.</p>
                  </div>
                </div>
                <!-- /.item -->
                <!-- .item -->
                <div class="item">
                  <img src="./../images/sliders/slider_04.jpg" alt="..." height="430px" />
                  <div class="carousel-caption">
                    <h3>Tekst przykładowy tytuł </h3>
                    <p>Przykładowy tekst: osiem na dziesięć osób będzie czytać tytuł, <br />ale tylko dwa z dziesięciu czytelników będzie kontynuować czytanie tego artykułu.</p>
                  </div>
                </div>
                <!-- /.item -->
              </div>
              <!-- Controls -->
              <a class="left carousel-control" href="#sigma-sliders" data-slide="prev">
                <span class="left sigma-control"></span>
              </a>
              <a class="right carousel-control" href="#sigma-sliders" data-slide="next">
                <span class="right sigma-control"></span>
              </a>
            </div>
          </div>
        </div>
        <!-- /Carousel Slider -->
        <!-- .service-list -->
        <div class="container service-list">
          <div class="row">
            <!-- .service -->
            <div class="col-xs-3">
              <div class="service text-center">
                <div class="icon"><span class="puzzle"></span></div>
                <h3>Integrated solutions</h3>
                <p>Nasze telefony eksperci pracują na identyfikowanie pojawiających się trendów i technologii w celu zapewnienia najnowocześniejszych rozwiązań.
                  <a href="http://sigma-solutions.eu/vn" class="flag flag_vn"></a>
                  <a href="http://sigma-solutions.eu/pl" class="flag flag_pl"></a></p>
              </div>
            </div>
            <!-- /.service -->
            <!-- .service -->
            <div class="col-xs-3">
              <div class="service text-center">
                <div class="icon"><span class="briefcase"></span></div>
                <h3>B2B</h3>
                <p>Nasze telefony eksperci pracują na identyfikowanie pojawiających się trendów i technologii w celu zapewnienia najnowocześniejszych rozwiązań.
                  <a href="http://sigma-solutions.eu/vn" class="flag flag_vn"></a>
                  <a href="http://sigma-solutions.eu/pl" class="flag flag_pl"></a></p>
              </div>
            </div>
            <!-- /.service -->
            <!-- .service -->
            <div class="col-xs-3">
              <div class="service text-center">
                <div class="icon"><span class="male-user"></span></div>
                <h3>B2C</h3>
                <p>Nasze telefony eksperci pracują na identyfikowanie pojawiających się trendów i technologii w celu zapewnienia najnowocześniejszych rozwiązań.
                  <a href="http://sigma-solutions.eu/vn" class="flag flag_vn"></a>
                  <a href="http://sigma-solutions.eu/pl" class="flag flag_pl"></a></p>
              </div>
            </div>
            <!-- /.service -->
            <!-- .service -->
            <div class="col-xs-3">
              <div class="service text-center">
                <div class="icon"><span class="tablet"></span></div>
                <h3>Multiscreening</h3>
                <p>Nasze telefony eksperci pracują na identyfikowanie pojawiających się trendów i technologii w celu zapewnienia najnowocześniejszych rozwiązań.
                  <a href="http://sigma-solutions.eu/vn" class="flag flag_vn"></a>
                  <a href="http://sigma-solutions.eu/pl" class="flag flag_pl"></a></p>
              </div>
            </div>
            <!-- /.service -->
            <div class="col-xs-12">
              <div class="text-center">
                <a href="#" class="btn btn-more">Więcej</a>
              </div>
            </div>
          </div>
        </div>
        <!-- /.service-list -->
      </div>
      <!-- #content -->

      <!-- footer -->
      <footer>
        <div class="container">
          <div class="row">
            <div class="col-xs-4">
              <div class="widget-text">
                <h4>O nas</h4>
                <div class="widget-content">Oferujemy gruntowne specjalne i end-to-end rozwiązań ułatwiających pracę przed i po sprzedaży. Przeglądaj nasze rozwiązania przez przemysł, twój typ sieci lub specyficzne potrzeby zaspokoją unikalnych potrzeb Twojej firmy.</div>
              </div>
            </div>

            <div class="col-xs-4">
              <div class="widget-contact">
                <h4>Bądź w kontakcie </h4>
                <div class="widget-content">
                  <form role="form" method="POST" action="contact.php" id="contact-form">
                    <div class="form-group">
                      <label for="contact-name" class="sr-only">Name</label>
                      <input type="text" class="form-control" id="contact-name" name="contact-name" placeholder="Name">
                    </div>
                    <div class="form-group">
                      <label for="contact-mail" class="sr-only">Email address</label>
                      <input type="email" class="form-control" id="contact-email" name="contact-email" placeholder="Email">
                    </div>
                    <div class="form-group">
                      <label for="contact-message" class="sr-only">Message</label>
                      <textarea class="form-control" id="contact-message" name="contact-message" placeholder="Message" rows="5"></textarea>
                    </div>
                    <button id="contact_send" type="button" class="btn btn-send">wysłać</button>
                  </form>
                  <script type="text/javascript">
                  $(document).ready(function(){
                    $('#contact_send').click(function(){
                      $.post("./../contact.php", $("#contact-form").serialize(),  function(response) {
                        $('.modal-message').text(response);
                        $('#myModal').modal();
                        return false;
                      });
                    });
                  });
                  </script>
                  <!-- Modal Contact -->
                  <div class="modal fade" id="myModal">
                    <div class="modal-dialog">
                      <div class="modal-content">
                        <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                          <h4 class="modal-title">Bądź w kontakcie </h4>
                        </div>
                        <div class="modal-body">
                          <p class="modal-message"></p>
                        </div>
                        <div class="modal-footer">
                          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        </div>
                      </div><!-- /.modal-content -->
                    </div><!-- /.modal-dialog -->
                  </div><!-- /.modal -->
                </div>
              </div>
            </div>

            <div class="col-xs-4">
              <div class="widget-address">
                <h4>Nasze biuro</h4>
                <div class="widget-content">
                    <h4>VIETNAM</h4>
                    <p>Sigma IT Solutions</p>
                    <p>Phone: +84 (0)4 3718 0593</p>
                    <p>Email: hanoi@sigmaitsolutions.com</p>
                    <br />
                    <p>Name and Surname</p>
                    <p>Phone: +84 (0)4 3718 1234</p>
                    <p>Email: name.surname@sigmaitsolutions.com</p>
                    <br />
                    <h4>POLAND</h4>
                    <p>Sigma IT Solutions</p>
                    <p>Phone: +84 (0)4 3718 0593</p>
                    <p>Email: warsaw@sigmaitsolutions.com</p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="copyright">
          <div class="container">
            <div class="row">
              <div class="col-xs-4">
                <span>© SIGMA IT SOLUTIONS 2014</span>
              </div>
              <div class="col-xs-8">
                <div class="language text-right">
                  <span>Choose your language:</span>&nbsp;&nbsp;&nbsp;&nbsp;
                  <a href="./../" class="flag flag_en"></a>
                  <a href="./../vn" class="flag flag_vn"></a>
                  <a href="./../pl" class="flag flag_pl"></a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </footer>
      <!-- /footer -->
    </div>
  </body>
</html>